<template>
    <div>
        <div class="fix-icon" @click='comeback' v-show="show" :style="iconstyle"><span class="iconfont icon">&#xe624;</span></div>
        <div class="fix-header" :style="headstyle"><div class="Chead-r">景点详情</div></div>
    </div>
</template>

<script>
export default {
  name: 'fix',
  props: {
    show: Boolean,
    iconstyle: Object,
    headstyle: Object
  },
  methods: {
    comeback () {
      this.$router.push('/')
    }
  }
}
</script>

<style lang="stylus" scoped>
  .fix-icon
   position: fixed
   left: 0
   top: 0
   width: .86rem
   height: .86rem
   border-radius: .43rem
   background: rgba(3, 3, 3, .8)
   text-align: center
   line-height: .8rem
   .icon
    color: #ffffff
  .fix-header
   position: fixed
   top: 0
   left: 0
   right: 0
   height: .86rem
   background:  #00bcd4
   .Chead-r
    width: 100%
    height: .86rem
    line-height: .86rem
    text-align: center
    color: #ffffff
    font-size: .4rem
</style>
